<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="<%=basePath %>resources/js/common/plugin/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<link href="<%=basePath %>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
	<link href="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.css" rel="stylesheet" />
	<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
	
	<script src="<%=basePath %>resources/js/common/plugin/jquery/jquery.min.js"></script>
	<script src="<%=basePath %>resources/js/common/plugin/select2/js/select2.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/bootstrap/js/bootstrap.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.js"></script>
    <script src="<%=basePath %>resources/js/common/util/common.js"></script>
    <script src="<%=basePath %>resources/js/business/video/HashMap.js"></script>
<title>登录日志</title>
<script type="text/javascript">
var appCtx="<%=basePath%>";

</script>
<style type="text/css">
     .tableRow{
     	background-color: #F8F8FF;
     }
     .tableTr{
     	background-color: #D5EFFC;
     }
     td{
     	text-align:left !important;
     }
     th{
     	text-align:left !important;
     }
     #userName{
     	border:#999 1px solid;
     }
     #tableDiv{
     	height:auto !important;
     }
     </style>
</head>
<body class="driving">
<div class="page">
        <div class="content" style='padding-left:0px;padding-right:0'>
            <div class="query clearfix" style='margin-top:20px'>
                
                <div class="query-list fl" style="margin-right: 15px;">
                    <!-- <label class="query-label fl">登录时间段:</label> --> 
                    <input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})"/>
                    <span class="fl query-text">至</span>
                    <input type="text" id="inputEndDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})" />
                </div>
                <div class="query-list fl" style="margin-right: 40px;">
                    <!-- <label class="query-label fl">登录名:</label>  -->
                    <input type="text" id="userName" class="query-input" style='border-color:#dedede'  placeholder="请输入登录名" />
                </div>
<!--                  <label class="query-label fl">企业名称:</label>
                <div class="query-list fl" style="margin-right: 40px;" id = "selectWorkUnitList"> 
                    <select class="query-select" id="selectWorkUnitListSql">
                     </select>     
                </div> -->
                <div class="query-list fl" style="margin-left: 40px;">
	                <a class="query-btn query-require db fl" href="javascript:;" id="queryLoginRecord" title="查询">查询</a>
	                <a class="query-btn query-export db fl" href="javascript:;" id="exportLoginRecordBtn" name="exportSimCardBtn" title="导出">导出</a>
                </div>
            </div>
            <div class="clearfix">
            <div id="tableDiv" class="car-detail" style="float: left;width: 100%;overflow-y:auto;">
            	<div id="loginRecordList">
            	</div>
            </div>
        </div>
       <%--导出数据弹窗--%>
		<div id="exportModal" class="modal hide fade" data-backdrop="static" style="left: 51%; width:600px;top: 52%;  margin-top: -89.5px;" aria-hidden="false" tabindex="-1" data-backdrop="static">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 id="exportTitle">导出登录日志信息</h4>
			</div>
			<div class="modal-body" style="font-size: 13px;vertical-align: middle; text-align: center;">
				<span>页数:</span>
				<input class="input-medium" id="StartPageIndex" type="number" value="1"><span>&nbsp;到&nbsp;</span>
				<input class="input-medium" id="EndPageIndex" type="number">
			</div>
			<div class="modal-footer">
				<button class="btn " data-dismiss="modal" aria-hidden="true">关闭</button>
				<button class="btn btn-ecColor" id="confirmExport" name="confirmExport">导出</button>
			</div>
		</div>
   </div>    
</div>
<!--提示弹框-->
	<div id="ajax-loading" >
    	<img id="msgLoadImg" alt="" src="<%=basePath%>resources/images/main/big_loading.gif">
    <span id="msgSpan">正在拼命加载,请稍候!</span>
	</div>
	<!--提示弹框-->
	<!--全局遮罩-->
	<div id="mask"></div>
	<!--全局遮罩-->

<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/business/log/loginRecord.js"></script>
</body>
</html>